.login {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #333333;
  .login-wrapper {
    display: flex;
    width: 80%;
    height: 90%;
    margin: 0 auto;
    .login-image, .login-form {
      width: 50%;
      height: 100%;
    }
    .login-image {
      img {
        width: 100%;
        height: 100%;
      }
    }
    .login-form {
      box-sizing: border-box;
      background-color: #FFF;
      padding: 30px 40px;
      .tips {
        margin-bottom: 100px;
      }
      .sub-title {
        margin-top: 30px;
        margin-bottom: 10px;
        font-size: 14px;
        color: #8492A6;
      }
      .help-link {
        margin-top: 10px;
        margin-bottom: 30px;
        font-size: 14px;
        color: #8492A6;
        text-align: right;
      }
      .login-message {
        margin-top: 10px;
        font-size: 14px;
        color: #D9001B;
      }
      .el-input {
        input {
          letter-spacing: 2px;
        }
      }
    }
  }
}